﻿@model AplicacionBase.Models.ExperiencesBoss

@{
    ViewBag.Title = "Información sobre el jefe";
    var wizard = ViewBag.WizardStep;
    if (wizard == 1)
    {
        Layout = "~/Views/Shared/_LayoutW.cshtml";
        wizard = 1;
    }
    var idExp= ViewData["IdExp"];
    
}

<h2>Información sobre el jefe</h2>

<br />
<div class="alert success">@TempData["Sucess"]</div>
<br />
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>



@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Jefe Directo</legend>
        <p>(*) Campos Obligatorios</p>
        <input type="hidden" name="wizard" id="wizard" value="@ViewBag.WizardStep"/>
        <div class="editor-label">
            Jefe (*)
        </div>
        <div class="editor-field">
            @Html.DropDownList("IdBoss", String.Empty)
            @Html.ValidationMessageFor(model => model.IdBoss)
            ¿No aparece en la lista? &nbsp @Html.ActionLink("Nuevo", "CreateForExperienceBosses", "Bosses", new { id = idExp, wizardStep = wizard }, htmlAttributes: new { @class = "ebutton blue" })
        </div>
        

@*        <div class="editor-label">
            Cargo desempeñado
        </div>
*@        <div class="editor-field">
            @Html.Hidden("IdExperiences")
            @Html.ValidationMessageFor(model => model.IdExperiences)
        </div>

        <div class="editor-label">
            Fecha de inicio (*)
        </div>
        <div id="errorStartDate" class="alert error">
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.StartDate, new { id = "startDate" })
            @Html.ValidationMessageFor(model => model.StartDate)
        </div>

        <div class="editor-label">
            Fecha de Finalización (*)
        </div>
        <div id="errorendDate" class="alert error">
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.EndDate, new { id = "endDate" })
            @Html.ValidationMessageFor(model => model.EndDate)
        </div>
        
                 <script type="text/javascript">
                     $(document).ready(function () {
                         $("#endDate").datepicker({ dateFormat: 'dd/mm/yy' }); ;
                         $("#startDate").datepicker({ dateFormat: 'dd/mm/yy' }); ;
                         $("#endDate").change(function () {
                             var errorDate = false;
                             var startDt = $("#startDate").val();
                             var endDt = $("#endDate").val();
                             var aI = startDt.substring(6, 10);
                             var aF = endDt.substring(6, 10);
                             if (aI > aF) {
                                 errorDate = true;
                             } else {
                                 if (aI == aF) {
                                     var mI = startDt.substring(3, 5);
                                     var mF = endDt.substring(3, 5);
                                     if (mI > mF) {
                                         errorDate = true;
                                     } else {
                                         if (mI == mF) {
                                             var dI = startDt.substring(0, 2);
                                             var dF = endDt.substring(0, 2);
                                             if (dI >= dF) {
                                                 errorDate = true;
                                             }
                                         } else {
                                             errorDate = false;
                                         }
                                     }
                                 } else {
                                     errorDate = false;
                                 }
                             }

                             if (errorDate) {
                                 $('<p>').text('La fecha de finalizacion debe ser posterior a la fecha de inicio').appendTo('#errorendDate').hide(20000, function () { $(this).remove(); });
                                 $("#endDate").val("");
                             }
                             var now = new Date();
                             var errorDate = false;
                             var startDt = $("#endDate").val();
                             var endDt = now.getDate() + "-" + now.getMonth() + "-" + now.getFullYear();
                             var aI = startDt.substring(6, 10);
                             var aF = endDt.substring(5, 10);
                             if (aI == aF) {
                                 var mI = startDt.substring(3, 5);
                                 var mF = endDt.substring(3, 4);
                                 if (mI <= mF) {
                                     var dI = startDt.substring(0, 2);
                                     var dF = endDt.substring(0, 2);
                                     if (dI > dF) { errorDate = true; }
                                 } else { errorDate = true; }
                             } else {
                                 if (aI > aF) {
                                     errorDate = true;
                                 }
                             }
                             if (errorDate) {
                                 $('<p>').text('la fecha de inicio no puede ser mayor a la fecha actual').appendTo('#errorendDate').hide(20000, function () { $(this).remove(); });
                                 $("#endDate").val("");
                             }

                         });

                         $("#startDate").change(function () {
                             var errorDate = false;
                             var startDt = $("#startDate").val();
                             var endDt = $("#endDate").val();
                             if (endDt != "") {
                                 var aI = startDt.substring(6, 10);
                                 var aF = endDt.substring(6, 10);
                                 if (aI > aF) {
                                     errorDate = true;
                                 } else {
                                     if (aI == aF) {
                                         var mI = startDt.substring(3, 5);
                                         var mF = endDt.substring(3, 5);
                                         if (mI > mF) {
                                             errorDate = true;
                                         } else {
                                             if (mI == mF) {
                                                 var dI = startDt.substring(0, 2);
                                                 var dF = endDt.substring(0, 2);
                                                 if (dI >= dF) {
                                                     errorDate = true;
                                                 }
                                             } else {
                                                 errorDate = false;
                                             }
                                         }
                                     } else {
                                         errorDate = false;
                                     }
                                 }
                                 if (errorDate) {
                                     $('<p>').text('La fecha de inicio debe ser posterior a la fecha de finalizacion').appendTo('#errorStartDate').hide(20000, function () { $(this).remove(); });
                                     $("#startDate").val("");
                                 }
                             } else {
                                 var now = new Date();
                                 var errorDate = false;
                                 var startDt = $("#startDate").val();
                                 var endDt = now.getDate() + "-" + now.getMonth() + "-" + now.getFullYear();
                                 var aI = startDt.substring(6, 10);
                                 var aF = endDt.substring(5, 10);
                                 if (aI == aF) {
                                     var mI = startDt.substring(3, 5);
                                     var mF = endDt.substring(3, 4);
                                     if (mI <= mF) {
                                         var dI = startDt.substring(0, 2);
                                         var dF = endDt.substring(0, 2);
                                         if (dI > dF) { errorDate = true; }
                                     } else { errorDate = true; }
                                 } else {
                                     if (aI > aF) {
                                         errorDate = true;
                                     }
                                 }
                                 if (errorDate) {
                                     $('<p>').text('la fecha de inicio no puede ser mayor a la fecha actual').appendTo('#errorStartDate').hide(20000, function () { $(this).remove(); });
                                     $("#startDate").val("");
                                 }
                             }

                         });

                     });
        </script>
             <br/>
        <p>
            <input type="submit" value="Crear" class="ebutton blue"/>&nbsp
            
            @*@Html.ActionLink("Volver", "Index", new { wizardStep = wizard }, htmlAttributes: new { @class = "ebutton blue" })*@
        </p>
    </fieldset>

    }


